From c3773de4c1e59f9f68003d3b2da85d370f4e5062 Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Mon, 25 Mar 2024 17:29:59 +0530
Subject: fix: small css fix

---
 src/app/manga/[title]/[id]/info.module.css | 1 +
 src/app/manga/[title]/[id]/page.jsx        | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

(limited to 'src/app/manga/[title]')

diff --git a/src/app/manga/[title]/[id]/info.module.css b/src/app/manga/[title]/[id]/info.module.css
index 99ea636..638cfd1 100644
--- a/src/app/manga/[title]/[id]/info.module.css
+++ b/src/app/manga/[title]/[id]/info.module.css
@@ -20,6 +20,7 @@
 	justify-content: space-between;
 	align-items: center;
 	margin-top: 10px;
+	/* background-color: #3a3a3ac2; */
 }
 
 .TitleContainer p {
diff --git a/src/app/manga/[title]/[id]/page.jsx b/src/app/manga/[title]/[id]/page.jsx
index b41f719..1b9b631 100644
--- a/src/app/manga/[title]/[id]/page.jsx
+++ b/src/app/manga/[title]/[id]/page.jsx
@@ -20,7 +20,14 @@ export default async function MangaInfo({ params }) {
 							priority
 						/>
 						<div className={styles.TitleContainer}>
-							<p style={{ color: data.color }}>
+							<p
+								style={{
+									color: data.color,
+									backgroundColor: "#3a3a3ac2",
+									borderRadius: 10,
+									padding: 5,
+								}}
+							>
 								{data.title["romaji"]}
 							</p>
 							<Image
-- 
cgit v1.2.3